
<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 8]><html class="lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html xmlns="http://www.w3.org/1999/xhtml"><!--<![endif]-->
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <title>好运来电玩城</title>

  <link rel="stylesheet" href="css/normalize.css" />
  <link rel="stylesheet" href="css/foundation.min.css" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/ie.css" />

  <script src="js/vendor/custom.modernizr.js"></script>
</head>
<body>
<div id="top"  data-magellan-expedition="fixed">
	<div class="row">
		<div class="large-12 columns">
			<nav class="top-bar">
			  <ul class="title-area">
			    <!-- Title Area -->
			    <li class="name logo">
			      <a href="#"><img src="img/logo.png" width="118" height="39" alt=""></a>
			    </li>
			    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
			  </ul>
			
			  <section class="top-bar-section">
			    <ul class="right">
			      <li data-magellan-arrival="features"><a href="#features">Features</a></li>
			      <li data-magellan-arrival="product"><a href="#product">Product</a></li>
			      <li data-magellan-arrival="premium"><a href="#pricing-table">Premium</a></li>
			      <li>
			        <a class="button radius" href="#">登录</a>
			      </li>
			    </ul>
			  </section>
			</nav>
		</div>
	</div>
</div>
<header id="header">
	<div class="row">
		<div class="large-8 push-4 columns">
			<h1>最好玩的电玩游戏</h1>
			<span class="subheading">街机捕鱼、森林舞会、百家乐、马戏团、套牛、抓娃娃</span>
	        <a class="button white radius large" href="itms-services:///?action=download-manifest&url=https://git.oschina.net/ference/mxxd_res/raw/master/luckycenter.plist">马上下载</a>
		</div>
		<div class="large-4 pull-8 columns">
			<img src="img/header-iphone.png" alt="iPhone App">
		</div>
	</div>
</header>
<div id="features" class="section features" data-magellan-destination="features">
	<div class="row">
		<div class="large-4 columns feature">
			<span class="icon icon-rocket"></span>
			<h3>Based on Foundation 4</h3>
			<p>Lorem Ipsum is simply and text of the printing and typesetting industry. Lorem Ipsum has been.</p>
		</div>
		<div class="large-4 columns feature">
			<span class="icon icon-mobile"></span>
			<h3>Responsive Layout</h3>
			<p>Lorem Ipsum is simply and text of the printing and typesetting industry. Lorem Ipsum has been.</p>
		</div>
		<div class="large-4 columns feature">
			<span class="icon icon-lifebuoy"></span>
			<h3>Great Support</h3>
			<p>Lorem Ipsum is simply and text of the printing and typesetting industry. Lorem Ipsum has been.</p>
		</div>
	</div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
<div id="product" class="section product gray" data-magellan-destination="product">
	<div class="row">
		<div class="large-12 columns">
			<h2>Present your App.</h2>
			<span class="subheading">Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</span>
			<div class="row">
				<div class="small-4 columns hints iphone">
					<div class="hint hint-left hint-top">
						<h3>Beautiful UI<span class="icon icon-trophy"></span></h3>
						<p>Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</p>
						<span class="arrow"></span>
					</div>
					<div class="hint hint-left hint-bottom">
						<h3>Smaller than 1MB<span class="icon icon-gauge"></span></h3>
						<p>Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</p>
						<span class="arrow"></span>
					</div>
				</div>
				<div class="small-4 columns hints iphone">
					<img src="img/content-iphone.png" alt="">
				</div>
				<div class="small-4 columns hints iphone">
					<div class="hint hint-right hint-top">
						<h3>Unlimited Colours<span class="icon icon-brush"></span></h3>
						<p>Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</p>
						<span class="arrow"></span>
					</div>
					<div class="hint hint-right hint-bottom">
						<h3>SEO Optimized<span class="icon icon-graph"></span></h3>
						<p>Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</p>
						<span class="arrow"></span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="screenshot" class="section screenshot">
	<div class="row">
		<div class="large-12 columns">
			<h2>Show your App.</h2>
			<span class="subheading">Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</span>
	
			<ul class="clearing-thumbs small-block-grid-3" data-clearing>
				<li><a href="img/screenshot-1.png"><img src="img/screenshot-1.png"></a></li>
				<li><a href="img/screenshot-2.png"><img src="img/screenshot-2.png"></a></li>
				<li><a href="img/screenshot-3.png"><img src="img/screenshot-3.png"></a></li>
  			</ul>
		</div>
	</div>
</div>
<div id="pricing-table" class="section pricing gray" data-magellan-destination="premium">
	<div class="row">
		<div class="large-12 quotes columns">
			<ul id="quotes1" data-orbit>
			  <li class="quote" data-orbit-slide="headline-1">
			  	<blockquote>Tiramisu carrot cake dragee wypas cotton candy apple pie carrot cake slices.</blockquote>
				<span class="author">John Doe</span>
			  </li>
			  <li class="quote" data-orbit-slide="headline-2">
			  	<blockquote>Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</blockquote>
				<span class="author">John Doe</span>
			  </li>
			  <li class="quote" data-orbit-slide="headline-3">
			  	<blockquote>Tiramisu carrot cake wypas cotton candy apple pie gummies carrot cake slices.</blockquote>
				<span class="author">John Doe</span>
			  </li>
			</ul>
		</div>
	</div>
	<div class="row price-table">
		<div class="large-4 columns">
			<ul class="pricing-table">
			  <li class="title">Standard</li>
			  <li class="description">An awesome description</li>
			  <li class="price">$ 4.99 per Month</li>
  			  <a class="price-table-toggle">+ Show features</a>
  			  <ul class="price-table-features">
				  <li class="bullet-item">Responsive Layout</li>
				  <li class="bullet-item">Retina Support</li>
				  <li class="bullet-item">And a lot more</li>
			  </ul>
			  <li class="cta-button"><a class="button secondary radius" href="#">Buy Now</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul class="pricing-table featured">
			  <li class="title">Standard</li>
			  <li class="description">An awesome description</li>
			  <li class="price">$ 4.99 per Month</li>
  			  <a class="price-table-toggle">+ Show features</a>
			  <ul class="price-table-features">
				  <li class="bullet-item">Responsive Layout</li>
				  <li class="bullet-item">Retina Support</li>
				  <li class="bullet-item">And a lot more</li>
			  </ul>
			  <li class="cta-button"><a class="button radius" href="#">Buy Now</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul class="pricing-table">
			  <li class="title">Standard</li>
			  <li class="description">An awesome description</li>
			  <li class="price">$ 4.99 per Month</li>
			  <a class="price-table-toggle">+ Show features</a>
			  <ul class="price-table-features">
				  <li class="bullet-item">Responsive Layout</li>
				  <li class="bullet-item">Retina Support</li>
				  <li class="bullet-item">And a lot more</li>
			  </ul>
			  <li class="cta-button"><a class="button secondary radius" href="#">Buy Now</a></li>
			</ul>
		</div>
	</div>
</div>
<footer>
	<div class="row">
		<div class="large-6 columns">
			<ul class="inline-list">
			  <li class="copyright">Copyright &copy; 2014.Company name All rights reserved.</li>
			  <li><a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></li>
  			</ul>
		</div>
		<div class="large-6 columns">
			<ul class="inline-list social-media right">
				<li><a href="#" class="icon icon-facebook"></a></li>
				<li><a href="#" class="icon icon-twitter"></a></li>
				<li><a href="#" class="icon icon-googleplus"></a></li>
			</ul>
		</div>
	</div>
</footer>		
		
	<div class="styleswitcher">
		<h3>Settings</h3>
		<p>You don't like carrots or just not orange? No prob, try a different colour!</p>
		<h4>Colours</h4>
		<span id="brown" class="switch-color"></span>
		<span id="orange" class="switch-color"></span>
		<span id="olive" class="switch-color"></span>
		<span id="green" class="switch-color"></span>
		<span id="lime" class="switch-color"></span>
		<span id="cyan" class="switch-color"></span>
		<span id="blue" class="switch-color"></span>
		<span id="purple" class="switch-color"></span>
		<span id="pink" class="switch-color"></span>
		<span id="red" class="switch-color"></span>
		<span id="winered" class="switch-color"></span>
		<span id="black" class="switch-color"></span>
		<span class="collapse"><span class="icon icon-cog"></span></span>
	</div>
			
  <script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery-1.9.1.min') +
  '.js><\/script>')
  </script>
  
  <script src="js/foundation.min.js"></script>
  <script src="js/functions.js"></script>
  
  <script>
    $(document).foundation();
  </script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>